<template>
    <div class="navbar example">
        <div class="navbar-inner">
            <div class="left">
                <a href="#" data-panel="left" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
            </div>
            <div class="center">{{title}}</div>
            <div class="right">
                <a href="#" data-panel="left" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
                <a href="#" data-panel="left" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            title: '个人设置d'
        }
  }
}
</script>

<style lang='sass' scoped>
.example {
	background: url(../../img/away.png);
	& {
		color: gray;
		transform: scale(1);
	}
}
</style>